<template>
  <div class="limboBg" :style="style">
    <clock></clock>
    <!-- <div class="focus_ovr"></div> -->
  </div>
</template>
<script>
var sd = require('silly-datetime')
import Clock from "./Clock"
export default {
  name: "limbo",
  data() {
    var bgName = "bg"+sd.format(new Date(), 'YYYYMMDD')+".jpg";
    var pathTo = "img/"+bgName
    return {
        style: "background-image: url("+pathTo+");"
    }
  },
  components: {
    Clock
  }
}
</script>
<style scoped>
.limboBg {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.focus_ovr {
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 300;
  opacity: 0.55;
}
</style>